html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
input,
textarea {
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
}
li {
  list-style: none;
}
body {
  
  background: #dfdfdf;
}
img {
  /*display: block;*/
  border: 0 none;
}
input {
  border: 0 none;
  -webkit-appearance: none;
}
input:focus {
  outline: none;
}
input,
button,
select,
textarea {
  outline: none;
}
input[class^="btn"] {
  cursor: pointer;
}
i {
  font-style: normal;
  font-weight: 600;
}
a {
  text-decoration: none;
}
.hcolor {
  color: #ff3600;
}
.lcolor {
  color: #777777;
}
.cl:before,
.cl:after {
  display: table;
  content: "";
}
.cl:after {
  clear: both;
}
@keyframes myfirst {
  0% {
    -webkit-box-shadow: 0 0 10px #4bb1cf;
    -moz-box-shadow: 0 0 10px #4bb1cf;
    box-shadow: 0 0 10px #4bb1cf;
  }
  50% {
    -webkit-box-shadow: 0 0 10px #8fcddf;
    -moz-box-shadow: 0 0 10px #8fcddf;
    box-shadow: 0 0 10px #8fcddf;
  }
  100% {
    -webkit-box-shadow: 0 0 10px #67bcd5;
    -moz-box-shadow: 0 0 10px #67bcd5;
    box-shadow: 0 0 10px #67bcd5;
  }
}
@-moz-keyframes myfirst {
  0% {
    -webkit-box-shadow: 0 0 10px #4bb1cf;
    -moz-box-shadow: 0 0 10px #4bb1cf;
    box-shadow: 0 0 10px #4bb1cf;
  }
  50% {
    -webkit-box-shadow: 0 0 10px #8fcddf;
    -moz-box-shadow: 0 0 10px #8fcddf;
    box-shadow: 0 0 10px #8fcddf;
  }
  100% {
    -webkit-box-shadow: 0 0 10px #67bcd5;
    -moz-box-shadow: 0 0 10px #67bcd5;
    box-shadow: 0 0 10px #67bcd5;
  }
}
@-webkit-keyframes myfirst {
  0% {
    -webkit-box-shadow: 0 0 10px #4bb1cf;
    -moz-box-shadow: 0 0 10px #4bb1cf;
    box-shadow: 0 0 10px #4bb1cf;
  }
  50% {
    -webkit-box-shadow: 0 0 10px #8fcddf;
    -moz-box-shadow: 0 0 10px #8fcddf;
    box-shadow: 0 0 10px #8fcddf;
  }
  100% {
    -webkit-box-shadow: 0 0 10px #67bcd5;
    -moz-box-shadow: 0 0 10px #67bcd5;
    box-shadow: 0 0 10px #67bcd5;
  }
}
@-o-keyframes myfirst {
  0% {
    -webkit-box-shadow: 0 0 10px #4bb1cf;
    -moz-box-shadow: 0 0 10px #4bb1cf;
    box-shadow: 0 0 10px #4bb1cf;
  }
  50% {
    -webkit-box-shadow: 0 0 10px #8fcddf;
    -moz-box-shadow: 0 0 10px #8fcddf;
    box-shadow: 0 0 10px #8fcddf;
  }
  100% {
    -webkit-box-shadow: 0 0 10px #67bcd5;
    -moz-box-shadow: 0 0 10px #67bcd5;
    box-shadow: 0 0 10px #67bcd5;
  }
}

.wrap {
  width: 100%;
  overflow-x: hidden;
}
section {
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.blocks {
  padding: 15px 15px 10px;
}
.fleft {
  float: left;
  color:white;
}
.fright {
  float: right;
}
header {
  width: 100%;
  height: 55px;
  margin-bottom: 15px;/*url("http://we7.apxjw.cn/source/modules/meepohongniang/template/mobile/tpl/static/friend/images/love.png")*/
  background: #ff3600 url("../images/headbg.png") repeat-x;
  background-size: 53px 55px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
header h1 {
  padding: 0 20px;
  text-align: right;
  line-height: 60px;
  color: #fff;
  font-size: 16px;
  height: 100%;
}
header h1:before,
header h1:after {
  display: table;
  content: "";
}
header h1:after {
  clear: both;
}
header h1:before,
header h1:after {
  display: table;
  content: "";
}
header h1:after {
  clear: both;
}
header h1 .home {
  display: block;
  height: 100%;
}
header h1 img {
  display: block;
  width: 106px;
  height: 25px;
  margin-top: 15px;
}
h2 {
  font-size: 18px;
  color: #ff3600;
  padding-bottom: 8px;
}
h2 + p {
  font-size: 14px;
  color: #777777;
}
.dottedLine {
  height: 10px;
  width: 100%;
  background: url("../images/dotted.png") center center repeat-x;
  background-size: 14px 6px;
}
.dashedLined {
  border-top: 1px dashed #dfdfdf;
}
.regForm {
  position: relative;
  z-index: 1;
}
.regForm .sec1 {
  position: relative;
}
.regForm .sec2 {
  display: none;
}
.cList li {
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
}
.cList li:last-child {
  border-bottom: 0 none;
}
.cList li h6 {
  font-size: 16px;
  padding: 10px 0;
}
.cList li .column {
  display: inline-block;
  width: 100%;
  padding: 0;
  height: 50px;
  background: #dfdfdf;
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top: 15px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.cList li .column span,
.cList li .column em {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  float: left;
}
.cList li .column em {
  padding-left: 0;
}
.cList li .column .shorts {
  width: 50%;
}
.cList li .column .shorts2 {
  width: 75%;
}
.cList li .column .shorts3 {
  width: 60%;
}
.cList li .column:before,
.cList li .column:after {
  display: table;
  content: "";
}
.cList li .column:after {
  clear: both;
}
.cList li .column:before,
.cList li .column:after {
  display: table;
  content: "";
}
.cList li .column:after {
  clear: both;
}
.cList li .lh {
  height: 50px;
  line-height: 50px;
  zoom: 1;
}
.cList li .selectWrap {
  display: inline-block;
  width: 100%;
  height: 50px;
  font-size: 16px;
  background: #dfdfdf;
  overflow: hidden;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.cList li .selectWrap span {
  height: 50px;
  width: 100%;
  color: #000;
  line-height: 50px;
  font-size: 16px;
  font-weight: 600;
}
.cList li .shorts {
  width: 40%;
}
.cList li .scenter {
  display: inline-block;
  width: 17%;
  text-align: center;
}
.cList li select {
  background: transparent;
  height: 50px;
  text-align: center;
  border: 0 none;
  width: 110%;
}
.cList li select option {
  font-size: 16px;
  color: #000000;
}
.sec2 .cList li .column .shorts2 {
  width: 70%;
}
em {
  font-style: normal;
  font-size: 14px;
}
.textWrap {
  width: 99.5%;
  background-color: #e9e9e9;
  border: 3px #e9e9e9 solid;
  overflow: hidden;
  color: #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.textInput {
  display: block;
  width: 80%;
  height: 20px;
  padding: 7px 5px;
  line-height: 20px;
  font-size: 16px;
  background: none;
  color: #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.areaWrap {
  width: 99.5%;
  background-color: #e9e9e9;
  border: 3px #e9e9e9 solid;
  overflow: hidden;
  color: #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.areaWrap textarea {
  width: 99.5%;
  background: none ;
  border: 0 none;
  resize: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
textarea {
  color: #666;
}
.warning {
  background-color: #ffd6d3;
  border-color: #ff0033;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.uploadBtn {
  text-align: center;
  color: #fff;
  font-size: 18px;
  width: 100%;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  background: #f55454;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.uploadBtn:hover,
.uploadBtn:active {
  cursor: pointer;
}
.uploadBtn input {
  position: absolute;
  width: 110%;
  background: transparent;
  left: -50px;
  font-size: 0;
}
.ui-input-btn .submitBtn {
  text-align: center;
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 50px;
  overflow-x: hidden;
  line-height: 50px;
  background: #53ae01;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 1px 1px 2px #c0c0c0;
  -moz-box-shadow: 1px 1px 2px #c0c0c0;
  box-shadow: 1px 1px 2px #c0c0c0;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.ui-input-btn .submitBtn:hover,
.ui-input-btn .submitBtn:active {
  background: #438d00;
  cursor: pointer;
}
.submitWrap {
  margin-bottom: 15px;
}
.submitWrap .ui-input-btn {
  height: 50px;
  line-height: 50px;
}
.ucenter {
  display: block;
  width: 55px;
  height: 100%;
  text-align: right;
}
.ucenter i {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-top: 10px;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  position: relative;/*../images/dotted.png*/
  background: #ffffff url("../images/user.png") center center no-repeat;
  background-size: 20px 20px;
}
.ucenter i em {
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  background: #7c0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  right: -2px;
  top: 0;
}
.indexSec {
  padding-top: 5px;
  margin-bottom: 15px;
  overflow: hidden;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding-bottom: 35px;
}
.indexList li:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.indexList li:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: none;
}
.indexList .indexItem {
  background: -moz-linear-gradient(top, #ffffff, #f7f7f7);
  background: -webkit-gradient(linear, top, from(#ffffff), to(#f7f7f7));
  background: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
  background: -o-linear-gradient(top, #ffffff, #f7f7f7);
  overflow: hidden;
}
.myBrief .indexItem {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  height: 124px;
}
.myBrief .indexItem .linka {
  display: block;
  float: left;
  margin-right: 15px;
}
.myBrief .indexItem .avatar-edit {
  position: absolute;
  
  bottom: 18px;
  z-index: 5;
}

.indexItem {
  padding: 15px;
  position: relative;
  height: 90px;
  padding-right: 25px;
}
.indexItem:before,
.indexItem:after {
  display: table;
  content: "";
}
.indexItem:after {
  clear: both;
}
.indexItem:before,
.indexItem:after {
  display: table;
  content: "";
}
.indexItem:after {
  clear: both;
}
.indexItem p {
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.indexItem .linka {
  display: block;
}
.indexItem .liindex {
  position: absolute;
  left: 115px;
  bottom: 15px;
}
.indexItem img {
  display: block;
  width: 90px;
  height: 90px;
  -moz-border-radius: 90px;
  -webkit-border-radius: 90px;
  border-radius: 90px;
}
.indexItem .itemc {
  position: absolute;
  left: 120px;
  top: 15px;
  font-size: 16px;
  line-height: 28px;
}
.indexItem .itemc .hcolor {
  font-size: 18px;
}
.indexItem .arr {
  display: block;
  float: right;
  width: 15px;
  height: 80px;
  background: url("../images/arr.png") right center no-repeat;
  background-size: 10px 20px;
}
.indexItem .dottedLine {
  position: absolute;
  left: 0;
  bottom: -5px;
  z-index: 10;
}
.indexItem .pr {
  padding-right: 35px;
}
.indexItem .lmlink {
  display: inline-block;
  width: 30px;
  height: 28px;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../images/mail.png") center center no-repeat;
  background-size: 24px 18px;
}
.indexItem .lmlink em {
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  background: #7c0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  right: -2px;
  top: 0;
}
.boxLove {
  width: 200px;
  position: absolute;
  left: 140px;
  bottom: 3px;
}
.boxLove:before,
.boxLove:after {
  display: table;
  content: "";
}
.boxLove:after {
  clear: both;
}
.boxLove:before,
.boxLove:after {
  display: table;
  content: "";
}
.boxLove:after {
  clear: both;
}
.boxLove .likeit {
  width: 50px;
  padding-left: 23px;
  padding-right: 9px;
}
.boxLove a {
  color: #ff5858;
}
.boxLove .iloved {
  float: left;
  background: #ffded5 url("../images/red-dlove.png") 10px center no-repeat;
  background-size: 13px 11px;
}
.boxLove .iloved:hover {
  background: #ff1a1a url("../images/white-dlove.png") 10px center no-repeat;
  background-size: 13px 11px;
}
.boxLove .iloved:hover a {
  color: #fff;
}
.boxLove .loveme {
  float: left;
  margin-left: 10px;
  background: #ffded5 url("../images/red-addlove.png") 10px center no-repeat;
  background-size: 13px 11px;
}
.boxLove .loveme:hover {
  background: #ff1a1a url("../images/white-addlove.png") 10px center no-repeat;
  background-size: 13px 11px;
}
.boxLove .loveme:hover a {
  color: #fff;
}
.likeit {
  padding-left: 26px;
  padding-right: 14px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  background: #ff5858 url("../images/love.png") 10px center no-repeat;
  background-size: 13px 11px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.liked {
  background-image: url("../images/love-red.png");
  color: #ff5858;
  background-color: #eee;
}
.likeit:hover,
.likeit:active {
  background-color: #ff1a1a;
  background-image: url("../images/love.png");
  color: #fff;
  cursor: pointer;
}
.mb15 {
  margin-bottom: 15px;
}
.mt10 {
  margin-top: 10px;
}
.mtb15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.myBrief {
  position: relative;
}
.goback {
  line-height: 55px;
  color: #fff;
  padding-left: 30px;
  background: url("../images/goback.png") 0 center no-repeat;
  background-size: 25px 25px;
}
.basicbtn {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -ms-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.likeitlong {
  background-color: #ff5858;
  text-align: center;
  -webkit-box-shadow: 1px 3px 2px #c0c0c0;
  -moz-box-shadow: 1px 3px 2px #c0c0c0;
  box-shadow: 1px 3px 2px #c0c0c0;
}
.likeitlong:hover,
.likeitlong:active {
  background-color: #ff1a1a;
}
.likeitlong span {
  display: inline-block;
  padding-left: 35px;
  background: url("../images/love.png") 10px center no-repeat;
  background-size: 18px 15px;
}
.likedlong {
  background-color: #ffdcd2;
}
.likedlong:hover,
.likedlong:active {
  background-color: #eee;
}
.likedlong span {
  background-image: url("../images/love-red.png");
  background-size: 18px 15px;
}
.likedlong span,
.likedlong span a {
  color: #ff5858;
}
.iloved {
  background-color: #ffdcd2;
}
.greenbtn {
  background-color: #53ae01;
}
.myself h2 {
  padding-bottom: 10px;
  padding-top: 15px;
  font-size: 20px;
}
.myself h2 .btn-edit {
  float: right;
}
.myself h2:before,
.myself h2:after {
  display: table;
  content: "";
}
.myself h2:after {
  clear: both;
}
.myself h2:before,
.myself h2:after {
  display: table;
  content: "";
}
.myself h2:after {
  clear: both;
}
.myself form {
  padding-left: 15px;
  padding-right: 15px;
}
.myself .albumform {
  padding-left: 0;
  padding-right: 0;
}
.btn-edit {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  padding: 0 10px 0 25px;
  background: #aac751 url("../images/edit.png") 10px center no-repeat;
  background-size: 12px;
  font-weight: 500;
  font-size: 12px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
}
.btn-save {
  background: #f9a049 url("../images/right.png") 10px center no-repeat;
  background-size: 12px 8px;
}
.basicList {
  padding-bottom: 10px;
}
.basicList li {
  /*line-height: 40px;*/
  /*height: 40px;*/
  overflow: hidden;
  border-bottom: 1px solid #efefef;
  color: #666;
}
.basicList li:last-child {
  border-bottom: 0 none;
}
.basicList li i {
  color: #c00;
  font-size: 12px;
  display: inline-block;
  padding: 0 10px;
  font-weight: 500;
}
.basicList label,
.basicList span {
  display: inline-block;
}
.basicList span {
  border: 1px solid #fff;
}
.basicList .span-edit {
  padding: 2px 10px;
  height: 20px;
  line-height: 20px;
  margin-top: 8px;
  color: #333;
  border: 1px solid #eee;
  min-width: 60px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.basicList .warning {
  min-width: 100px;
}
.likedSec {
  padding-top: 10px;
  padding-bottom: 10px;
}
.imgList:before,
.imgList:after {
  display: table;
  content: "";
}
.imgList:after {
  clear: both;
}
.imgList:before,
.imgList:after {
  display: table;
  content: "";
}
.imgList:after {
  clear: both;
}
.imgList li {
  display: block;
  float: left;
  padding: 10px 5px;
  width: 90px;
  text-align: center;
}
.imgList .linka {
  display: block;
}
.imgList img {
  display: block;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
}
.imgList span {
  display: block;
  font-size: 14px;
  color: #666;
  padding-top: 10px;
  height: 18px;
  overflow: hidden;
}
.mcenter {
  margin-left: auto;
  margin-right: auto;
}
.uploadBtn:hover {
  color: #fff;
  cursor: pointer;
}
#lw {
  width: 60%;
  float: left;
}
#sw {
  width: 36%;
  float: right;
}
.lw2 {
  width: 48%;
  float: left;
}
.sw2 {
  width: 48%;
  float: right;
}
.lw2,
.sw2 {
  font-size: 18px;
}
.lw2 span,
.sw2 span {
  padding-left: 30px;
}
#noMore {
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 18px;
}
.pl15 {
  padding-left: 15px;
}
.magicCube {
  height: 24px;
  padding: 10px 0;
  color: #777;
  line-height: 24px;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}
.magicCube:before,
.magicCube:after {
  display: table;
  content: "";
}
.magicCube:after {
  clear: both;
}
.magicCube:before,
.magicCube:after {
  display: table;
  content: "";
}
.magicCube:after {
  clear: both;
}
.magicCube .cube,
.magicCube span {
  display: block;
  float: left;
}
.magicCube .cube {
  display: inline-block;
  width: 24px;
  height: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  background: #ff3600 url("../images/magiccube.png") center center no-repeat;
  background-size: 12px 14px;
}
.magicCube em {
  display: block;
  color: #c6c6c6;
  white-space: nowrap;
  position: absolute;
  top: 10px;
  left: 114px;
}
.boxPhoto {
  margin: 10px 15px 0;
}
.boxPhoto:before,
.boxPhoto:after {
  display: table;
  content: "";
}
.boxPhoto:after {
  clear: both;
}
.boxPhoto:before,
.boxPhoto:after {
  display: table;
  content: "";
}
.boxPhoto:after {
  clear: both;
}
.boxPhoto .btn-edit {
  float: right;
}
.boxPhoto .deleteit {
  background: #f9a049 url("../images/trash.png") 10px center no-repeat;
  background-size: 12px;
}
.piclist {
  /*padding: 5px 10px;*/
}
.piclist:before,
.piclist:after {
  display: table;
  content: "";
}
.piclist:after {
  clear: both;
}
.piclist:before,
.piclist:after {
  display: table;
  content: "";
}
.piclist:after {
  clear: both;
}
.piclist li,
.piclist a,
.piclist img {
  display: block;
}
.piclist li {
  /*position: relative;*/
  float: left;
  /*padding: 5px;*/
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.piclist li.uploadli {
  font-size: 13px;
}
.piclist li.uploadli a {
  padding: 14px 12px;
  background-color: #e4e4e4;
  text-align: center;
  vertical-align: center;
  color: #b3b3b3;
}
.piclist img {
  width: 60px;
  height: 60px;
}
.piclist .check-img {
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/grey-check.png") center center no-repeat;
  background-size: 14px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 5;
}
.piclist .checked-img {
  background: url("../images/orange-check.png") center center no-repeat;
  background-size: 14px;
}
.nopic li {
  font-size: 13px;
}
.nopic li a {
  padding: 14px 12px;
  background-color: #e4e4e4;
  text-align: center;
  vertical-align: center;
  color: #b3b3b3;
}
.nopic li:first-child a {
  color: #fff;
  background-color: #ff3600;
}
.magiclink {
  background-color: #ff730c;
}
.magiclink:hover,
.magiclink:active {
  background-color: #ff730c;
}
.magiclink span {
  background-image: url("../images/magiccube.png");
  background-size: 16px 18px;
}
.magiclink span,
.magiclink span a {
  color: #fff;
}
.ui-mobile .album {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.slideshow {
  position: relative;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
}
.photoList {
  width: 100%;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.photoList li {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
}
.photoList img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.photoList:before,
.photoList:after {
  display: table;
  content: "";
}
.photoList:after {
  clear: both;
}
.photoList:before,
.photoList:after {
  display: table;
  content: "";
}
.photoList:after {
  clear: both;
}
.toolBar {
  height: 55px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-color: rgba(255, 54, 0, 0.6);
  padding-bottom: 10px;
  -webkit-transition: all linear 2s;
  -moz-transition: all linear 2s;
  -ms-transition: all linear 2s;
  -o-transition: all linear 2s;
  transition: all linear 2s;
}
.toolBar .direction {
  background-repeat: no-repeat;
  background-size: 9px 18px;
  background-position: center center;
}
.toolBar .direction,
.toolBar .direction a {
  display: block;
  width: 65px;
  height: 100%;
}
.toolBar .direction:hover {
  cursor: pointer;
}
.toolBar .dleft {
  float: left;
  background-image: url("../images/aleft.png");
}
.toolBar .dright {
  float: right;
  background-image: url("../images/aright.png");
}
.toolBar .funBar {
  width: 58%;
  position: absolute;
  left: 50%;
  margin-left: -29%;
  z-index: 5;
}
.toolBar .funBar a {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 58px;
  width: 49%;
  height: 55px;
  white-space: nowrap;
}
.toolBar .funBar a.aupload {
  float: left;
  text-indent: 3.1em;
  background: url("../images/aupload.png") 15px center no-repeat;
  background-size: 24px;
}
.toolBar .funBar a.adelete {
  float: right;
  text-indent: 2.6em;
  background: url("../images/adelete.png") 15px center no-repeat;
  background-size: 18px 24px;
}
.toolBar .funBar:before,
.toolBar .funBar:after {
  display: table;
  content: "";
}
.toolBar .funBar:after {
  clear: both;
}
.toolBar .funBar:before,
.toolBar .funBar:after {
  display: table;
  content: "";
}
.toolBar .funBar:after {
  clear: both;
}
.closebtn {
  display: block;
  padding-left: 33px;
  padding-right: 7px;
  height: 35px;
  line-height: 35px;
  font-size: 20px;
  color: #000;
  background: #ffffff url("../images/aclose.png") 7px center no-repeat;
  background-size: 24px;
  position: absolute;
  right: 15px;
  top: 18px;
  z-index: 5;
  -webkit-transition: all linear 2s;
  -moz-transition: all linear 2s;
  -ms-transition: all linear 2s;
  -o-transition: all linear 2s;
  transition: all linear 2s;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30));
  filter: alpha(opacity = (30));
}
.noalbum {
  height: 36px;
  line-height: 36px;
  color: #c5c5c5;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
}
.arrDown {
  display: block;
  width: 21px;
  height: 11px;
  background: url("../images/arr-down.png") center center no-repeat;
  background-size: 21px 11px;
}
.loveMail {
  padding: 9px;
}
.mailHeader {
  padding: 6px 7px 15px;
  border-bottom: 1px dashed #e0e0e0;
}
.mailHeader:before,
.mailHeader:after {
  display: table;
  content: "";
}
.mailHeader:after {
  clear: both;
}
.mailHeader:before,
.mailHeader:after {
  display: table;
  content: "";
}
.mailHeader:after {
  clear: both;
}
.mailHeader .btnBasic {
  display: block;
  padding: 0 30px 0 53px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #ff5858;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.mailHeader .getMail {
  float: left;
  background: #ffded5 url("../images/red-mail-get.png") 25px center no-repeat;
  background-size: 20px 16px;
}
.mailHeader .getMail:hover,
.mailHeader .gmActive {
  color: #fff;
  background: #ff5858 url("../images/white-mail-get.png") 25px center no-repeat;
  background-size: 20px 16px;
}
.mailHeader .sendMail {
  float: right;
  background: #ffded5 url("../images/red-mail-send.png") 25px center no-repeat;
  background-size: 20px 16px;
}
.mailHeader .sendMail:hover,
.mailHeader .smActive {
  color: #fff;
  background: #ff5858 url("../images/white-mail-send.png") 25px center no-repeat;
  background-size: 20px 16px;
}
.mailBody {
  color: #666;
}
.mailList li {
  padding: 15px 7px 9px;
  border-top: 1px solid #efefef;
}
.mailList li:first-child {
  border-top: 0 none;
}
.mailList .mailFunc {
  position: relative;
}
.mailList .mailFunc .itsInfo {
  display: block;
  position: relative;
  padding-left: 50px;
  white-space: nowrap;
}
.mailList .mailFunc .itsInfo img {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
.mailList .mailFunc h3 {
  font-size: 16px;
  color: #666;
}
.mailList .mailFunc i {
  font-size: 12px;
  color: #c6c6c6;
  font-weight: 500;
}
.mailList .mailFunc em {
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  background: #7c0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  left: 35px;
  top: -5px;
}
.mailList .mailFunc .oprate {
  width: 60px;
  margin-top: -13px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 5;
}
.mailList .mailFunc .oprate:before,
.mailList .mailFunc .oprate:after {
  display: table;
  content: "";
}
.mailList .mailFunc .oprate:after {
  clear: both;
}
.mailList .mailFunc .oprate:before,
.mailList .mailFunc .oprate:after {
  display: table;
  content: "";
}
.mailList .mailFunc .oprate:after {
  clear: both;
}
.mailList .mailFunc .oprate a {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #cbcbcb;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
}
.mailList .mailFunc .oprate .reply {
  float: left;
  background: url("../images/comment.png") center center no-repeat;
  background-size: 15px 11px;
}
.mailList .mailFunc .oprate .delete {
  float: right;
  background: url("../images/delete.png") center center no-repeat;
  background-size: 14px 14px;
}
.mailList .mailContent {
  position: relative;
  padding-top: 8px;
  padding-right: 21px;
}
.mailList .mailContent p {
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mailList .mailContent p.active {
  height: auto;
  white-space: normal;
}
.mailList .mailContent i {
  display: block;
  height: 20px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 8px;
  background-size: 15px 8px;
}
.smList {
  display: none;
}
.sbt-my {
  display: none;
}
.discuss_comment {
  padding: 0;
}
.form_comment header {
  background: url("../images/headbg.png") 0 0 repeat-x;
  background-size: 43px 45px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  height: 45px;
}
.form_comment header,
.form_comment header .tbox,
.form_comment header .tbox .cancel {
  color: #fff;
}
.form_comment header .tbox {
  background: none;
  border-bottom: 0 none;
}
.form_comment header .tbox .title {
  padding-left: 30px;
  background: url("../images/goback.png") 0 center no-repeat;
  background-size: 25px 25px;
}
.form_comment h2 {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #666;
  padding-bottom: 0;
  /*margin-left: 15px;
  margin-right: 15px;*/
  border-bottom: 1px dashed #dfdfdf;
}
.nav_footer > ul {
  background: #f9a049;
  height: 35px;
  border-top: 0 none;
}
.nav_footer > ul li {
  padding: 0;
}
.nav_footer > ul a {
  color: #fff;
  height: 35px;
  line-height: 35px;
  position: relative;
}
.nav_footer > ul a .icons_publish,
.nav_footer > ul a .pre {
  display: block;
  line-height: 35px;
}
.nav_footer > ul a span.icons_publish {
  position: absolute;
  top: 5px;
  left: 15px;
  width: 16px;
  height: 16px;
  background: url("../images/right.png") center center no-repeat;
  background-size: 12px 8px;
  border: 2px solid #fff;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.nav_footer > ul a .pre {
  position: absolute;
  right: 15px;
  top: 0;
}
.indexItem .likebox {
  width: 170px;
  bottom: 15px;
  left: 115px;
  position: absolute;
  z-index: 5;
}
.indexItem .likebox:before,
.indexItem .likebox:after {
  display: table;
  content: "";
}
.indexItem .likebox:after {
  clear: both;
}
.indexItem .likebox:before,
.indexItem .likebox:after {
  display: table;
  content: "";
}
.indexItem .likebox:after {
  clear: both;
}
.indexItem .likebox .letterit {
  background: #ff5858 url("../images/white-letter.png") 10px center no-repeat;
  background-size: 12px 9px;
}
.indexItem .likebox .letterit:hover,
.indexItem .likebox .letterit:active {
  background-color: #ff1a1a;
}

#timer {
  /*line-height: 40px;color: #777; font-size: 16px;height: 100%;background:url('http://zam.copyte.com/images/time.png') center center no-repeat;background-size:254px 34px;margin-bottom: 15px;padding-left:90px;letter-spacing:19px;font-weight:700;text-align:center;*/
  width: 255px;
  margin: 0 auto 15px auto;
}
#timer .timeLeft {
  float: left;
  width: 60px;
  height: 40px;
  overflow: hidden;
  color: #fc3d06;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
}
#timer .timeRight {
  margin-left: 70px;
  padding-left: 8px;
  line-height: 40px;
  color: #777;
  font-size: 16px;
  height: 100%;
  letter-spacing: 19px;
  font-weight: 700;
  background: url("../images/timeRight.png") 0 center no-repeat;
  background-size: 185px 34px;
}
.open{position:fixed;top:100px;left:50%;margin-left:-150px;display:none;width:300px;height:300px;background:#fff;z-index:6;}
.openhot{position:fixed;bottom:45px;left:0;display:none;width:33%; background: #fc3d06;color:#fff;z-index:6;text-align: center;}
.myPicture .myBrief .indexItem{height:174px;}
.riTitle{color:#d4d4d4;font-size:14px;}
.myPicture .indexItem .itemc{background:#f8f8f8;border-radius:5px;top:43px;padding:5px;}
.myPicture .myBrief .btn-edit{background: #aac751;padding:0 10px;}
.wcolor{color:#fff;}
.hbtn{background-color:#fd7d28;margin:15px 0;width:45%;border-radius:15px;box-shadow:;}
.gbtn{background-color:#53ae01;margin:15px 0;width:45%;border-radius:15px;}
.myPicture .indexItem  .itemc p{height:auto;overflow:visibility;white-space:normal;font-size:12px;line-height:24px;color:#666;}
.myPicture .hnAlbum h2{padding:10px 15px 0 15px;}